<template>
 <view>
	<view v-if="loading">
	<up-skeleton
	 :loading="true" 
	 :title="true"
	 :rowsWidth="['100%']" rows="1" class="skeleton"
	  rowsHeight="90"  :animate="false">
	 </up-skeleton>
	 
	 <view  class=" u-m-30">
	 	<view class="u-flex">
	 	<up-skeleton v-for="i in 5" :title="false" 
	 	  :avatar="true" :key="i"
	 	  :rowsWidth="['100%']" rows="0" 
	 	  avatarSize="50"
	 	  rowsHeight="120"  :animate="false"> 
	 	  </up-skeleton>
	 	</view>
	 	<up-skeleton class="u-m-30"
	 	 rowsWidth="100%" :title="true"
	 	  rows="2" :animate="false"></up-skeleton>
	 </view>
	 
	 <view >
	 	<!-- 没有数据显示骨架 -->
	 	<up-skeleton v-for="i in 5" :key="i"
	 	 :loading="true" 
	 	 :title="true"
	 	 :avatar="true"
	 	 avatarSize="50"
	 	 avatarShape="square"
	 	 :rowsWidth="['100%']" 
	 	 rows="2" class="skeleton"
	 	 :animate="false"> </up-skeleton>
	 </view>
	 
	</view>
	
	<slot v-else />
</view>	
</template>

<script>
	export default {
		name:"kb-skeleton-index",
		
		props:{
			loading : {
				type: Boolean,
				default: false,
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>